<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>24-格式化日期的另外写法</title>
    <style>
      .box {
        width: 300px;
        height: 40px;
        border: 1px solid red;
        text-align: center;
        line-height: 40px;
      }
    </style>
  </head>
  <body>
    <div class="box"></div>
    <script>
      // 获取当前时间
      //   const date = new Date()
      //   console.log(date.toLocaleString()) // 2024/9/3 11:25:46
      //   console.log(date.toLocaleDateString()) // 2024/9/3
      //   console.log(date.toLocaleTimeString()) // 11:26:36

      // 1. 封装一个 getDateTime函数，里面格式化时间对象
      function getDateTime() {
        const date = new Date()

        return date.toLocaleString()
      }
      // 注意： 先写上这句话，防止盒子有1秒的空白期
      document.querySelector('.box').innerText = getDateTime()

     // 3. 显示到box盒子里面，并且添加定时器
     setInterval(function(){
        document.querySelector('.box').innerText = getDateTime()
     },1000)
    </script>
  </body>
</html>
